<template>
	<view>
		<view class="header">
			<view class="head-l"><image src="../../static/images/arrow_left.png" mode=""></image></view>
			<view class="head-c">打开网络设置</view>
			<view class="head-r f32"><image src="../../static/stock/1.png" mode=""></image></view>
		</view>
		<view class="wen">每个字段的实际长度计算方法：为单个字段的数值除以 所有字段数值之和，看app文案</view>
		<view class="heads">
			<view class="box-l">本机IP</view>
			<view class="box-r">
			192.168.0.0
			</view>
		</view>
		<view class="heads">
			<view class="box-l">打印机IP</view>
			<view class="box-r">
				<input type="text" placeholder="请输入账号名称"  />
			</view>
		</view>
		<view class="heads">
			<view class="box-l">打印机Port</view>
			<view class="box-r">
				<input type="text"  placeholder="请输入账号"  />
			</view>
		</view>
		<button type="primary">提交</button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		
	}
};
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
.header {
	height: 88rpx;
	line-height: 44rpx;
	background-color: #249af6;
	padding: 25rpx 30rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	.head-r {
		image {
			width: 39rpx;
			height: 44rpx;
			vertical-align: middle;
			margin-right: 20rpx;
			position: relative;
			top: -5rpx;
		}
	}
	.head-l {
		image {
			width: 22rpx;
			height: 39rpx;
		}
	}
}
.wen {
	line-height: 42rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	padding: 30rpx;
	box-sizing: border-box;
}
.heads {
	height: 110rpx;
	line-height: 110rpx;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	position: relative;
	border-bottom: 2rpx solid #eeeeee;
	image {
		width: 18rpx;
		height: 33rpx;
		vertical-align: middle;
		margin-left: 20rpx;
	}
	.box-r {
		.box-l{
			position: absolute;
			left: 0;
			}
		input {
			width: 100%;
			text-align: right;
			height: 100%;
			overflow: hidden;
			padding-left: 100rpx;
			box-sizing: border-box;
		}
		.bx {
			position: absolute;
			right: 100rpx;
		}
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(102, 102, 102, 1);
	}
}
button{
margin: 100rpx 30rpx;
	
}
</style>
